<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #mycanvas{
            margin-top: 100px;
            padding-top: 20px;
        }
    </style>
</head>
<body>
<canvas id="mycanvas" width='200' height='100' style="border: 1px solid #ccc"></canvas>
</body>
<script>
        var c=document.getElementById("mycanvas");
        var ctx=c.getContext("2d");
        ctx.beginPath();
        ctx.arc(95,50,40,0,Math.PI*2);
        ctx.stroke();


</script>
</html>